<template>
	<div>
		<h2>{{ getCurPData.title }}</h2>
		<div class="item item1">
			<h3>{{ getCurPData.content.item1.title }}</h3>
			<hr>
			<h4></h4>
			<div class="item-content">
				{{ getCurPData.content.item1.desc }}
			</div>
		</div>
		<div class="item item2">
			<h3>{{ getCurPData.content.item2.title }}</h3>
			<hr>
			<div class="img-box">
				<img :src="getCurPData.content.item2.imgUrl" alt="">
			</div>
		</div>
	</div>
</template>

<script>
export default {
  name: "Tab",
  computed: {
    getCurPData() {
      return this.$t("page.product.pList")[this.idx];
    }
  },
  props: {
    idx: {
      type: [String, Number],
      default: 0
    }
  }
};
</script>
<style>

</style>
